<div class="tasklists">
    <app-task-list 
    class="list-container" 
    app-droppable 
    [dropTags]="['task-item','task-list']"
    [dragEnterCalss]="'drag-enter'" 
    [app-Draggable]="true"
    [dragTag]="'task-list'"
    [draggedCalss]="'drag-start'"
    [dragData]='lists'
    (dropped)="handLeMove($event,lists)"
    *ngFor="let list of lists">
        <app-task-header [header]='list.name' (newTask)="launchNewTaskDialg()" (moveAll)="lanuchMoveAllDialg()"
            (deleteListItem)="lanuchDelectTaskItemDialg(list)" (eidetListName)="lanuchEidetListName(list)">
        </app-task-header>
        <app-quick-task (quickTask)="handeQuickTask($event)"></app-quick-task>
        <app-task-item *ngFor="let task of list.tasks" [item]="task" (taskClick)="lanuchTaskClickDialg(task)">
        </app-task-item>
    </app-task-list>
</div>
<button mat-fab class="fab-button" type="button" (click)="lanuchListNewClickDialg()">
    <mat-icon>add</mat-icon>
</button>